<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<%@include file="common/head.jsp"%>
<body>

    <%@include file="common/header.jsp"%>

    <div class="breadcrumbs">
        <div class="container_12">
            <div class="grid_12">
                <a>在线商城</a><span></span><a><c:out value="${item.blockName}" /></a><span></span><span class="current"><c:out value="${item.name}" /></span>
            </div><!-- .grid_12 -->
        </div><!-- .container_12 -->
    </div><!-- .breadcrumbs -->

    <section id="main">
        <div class="container_12">
            <div id="content" class="grid_12">
                <header>
                    <h1 class="page_title"><c:out value="${item.name}" /></h1>
                </header>

                <article class="product_page">
                    <div class="grid_5 img_slid" id="products">
                        <img class="sale" src="img/sale.png" alt="Sale">
                        <div class="preview slides_container">
                            <div class="prev_bg">
                                <a href="img/content/product1.png" class="jqzoom" rel='gal1' title="">
                                    <img src="img/content/product1.png" alt="Product 1" title="">
                                </a>
                            </div>
                        </div><!-- .preview -->

                        <div class="next_prev">
                            <a id="img_prev" class="arows" href="#"><span>Prev</span></a>
                            <a id="img_next" class="arows" href="#"><span>Next</span></a>
                        </div><!-- .next_prev -->

                        <ul class="small_img clearfix" id="thumblist">
                            <li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './img/content/product1.png',largeimage: './img/content/product1.png'}"><img src='img/content/product1.png' alt=""></a></li>
                            <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './img/content/product2.png',largeimage: './img/content/product2.png'}"><img src='img/content/product2.png' alt=""></a></li>
                            <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './img/content/product3.png',largeimage: './img/content/product3.png'}"><img src='img/content/product3.png' alt=""></a></li>
                            <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './img/content/product4.png',largeimage: './img/content/product4.png'}"><img src='img/content/product4.png' alt=""></a></li>
                            <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './img/content/product5.png',largeimage: './img/content/product5.png'}"><img src='img/content/product5.png' alt=""></a></li>
                        </ul><!-- .small_img -->

                        <div id="pagination"></div>
                    </div>

                    <div class="grid_12" >
                        <div id="wrapper_tab" class="tab1">
                            <a href="#" class="tab1 tab_link">藏品描述</a>

                            <div class="clear"></div>

                            <div class="tab1 tab_body">
                                <h4>藏品描述</h4>
                                <p><c:out value="${item.describes}"/></p>
                            </div>

                        </div>​
                        <div class="clear"></div>
                    </div>

                </article>

                <div class="clear"></div>
            </div><!-- #content -->

            <div class="clear"></div>
        </div><!-- .container_12 -->
    </section><!-- #main -->
    <div class="clear"></div>

    <%@include file="common/footer.jsp"%>

    <%@include file="common/script.jsp"%>
</body>
</html>
